<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>在线学习</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./images/zh_CN.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/class_list_info.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <a href="./index.html" class="logo">
                <div class="slogo">
                    <img src="./images/logo_b.png" alt="">
                    <img src="./images/logo_l.png" alt="">
                </div>
                <p>轴承、齿轮和传动部件制造平台</p>
            </a>
            <div class="links">
                <a href="./index.html">首页</a>
                <a href="./solutions.html">解决方案</a>
                <a href="./case.html">典型案例</a>
                <a class="on" href="./online_class.html">数转培训</a>
                <a href="./service.html">公共服务</a>
                <a href="">产业监测</a>
                <div class="line">｜</div>
                <a class="cbtn" href="">
                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                        <path
                            d="M17.3813 3.49854H3.67178C2.97041 3.49854 2.40234 4.0666 2.40234 4.76797V13.8345C2.40234 14.5358 2.97041 15.1039 3.67178 15.1039H17.3813C18.0826 15.1039 18.6507 14.5358 18.6507 13.8345V4.76797C18.6507 4.06865 18.0826 3.49854 17.3813 3.49854ZM17.5228 13.4817C17.5228 13.7853 17.2767 14.0293 16.9752 14.0293H14.3563V10.4158C14.3563 10.1123 14.1103 9.86826 13.8088 9.86826C13.5053 9.86826 13.2612 10.1144 13.2612 10.4158V14.0313H11.0751V9.31865C11.0751 9.01514 10.829 8.77109 10.5275 8.77109C10.224 8.77109 9.97998 9.01719 9.97998 9.31865V14.0293H7.7918V11.2915C7.7918 10.988 7.5457 10.7439 7.24424 10.7439C6.94072 10.7439 6.69668 10.99 6.69668 11.2915V14.0293H4.07783C3.77432 14.0293 3.53027 13.7832 3.53027 13.4817V5.12275C3.53027 4.81924 3.77637 4.5752 4.07783 4.5752H16.9752C17.2787 4.5752 17.5228 4.82129 17.5228 5.12275V13.4817ZM13.7985 16.482H7.25654C6.97559 16.482 6.75 16.7097 6.75 16.9886C6.75 17.2695 6.97764 17.4951 7.25654 17.4951H13.7985C14.0795 17.4951 14.3051 17.2675 14.3051 16.9886C14.3051 16.7097 14.0774 16.482 13.7985 16.482Z"
                            fill="black" />
                    </svg>
                    <p>控制台</p>
                </a>
            </div>
            <div class="btns">
                <a href="">登录</a>
                <a href="">注册</a>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo2.svg" alt="">
                        <p>轴承、齿轮和传动部件制造平台</p>
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solutions.html">
                        解决方案
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./case.html">
                        典型案例
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./online_class.html">
                        数转培训
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./service.html">
                        公共服务
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./client.html">
                        产业监测
                    </a>
                </div>
            </div>
<div class="item">
                <div class="tb">
                    <a href="./news.html">
                        新闻中心
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        控制台
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        登录
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        注册
                    </a>
                </div>
            </div>
        </div>

        <section class="sec1">
            <div class="wrap">
                <div class="l">
                    <a href="class_list_info_video.html" class="img">
                        <img src="./images/class_list_info/c1.png" alt="远大集团技术培训第一节">
                        <div class="play">
                            <img src="./images/class_list_info/play.svg" alt="btn">
                        </div>
                    </a>
                    <h1 class="wow fadeInUp">远大集团技术培训第一节</h1>
                </div>
                <div class="r">
                    <div class="info">
                        <h2 class="wow fadeInUp">初始HTML(5)+CSS(3)-升级版</h2>
                        <div class="label_list wow fadeInUp">
                            <div class="label">智慧课程</div>
                            <div class="label">智慧课程</div>
                        </div>
                        <div class="text wow fadeInUp">
                            <p>课程来源：网易公开课</p>
                            <p>时长：5小时15分</p>
                            <p>学习人数：12251</p>
                            <p>上架日期：2024年11月28日</p>
                        </div>
                    </div>
                    <div class="r_bottom wow fadeInUp">
                        <a href="class_list_info_video.html" class="more">开始学习</a>
                        <div class="share">
                            <h5>分享</h5>
                            <a href="javascript:;">
                                <img src="./images/class_list_info/wx.svg" alt="">
                            </a>
                            <a href="javascript:;">
                                <img src="./images/class_list_info/qq.svg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec2">
            <div class="wrap">
                <div class="l">
                    <div class="title wow fadeInUp">
                        <h2>课程介绍</h2>
                    </div>
                    <div class="info">
                        <h3 class="wow fadeInUp">课程详情</h5>
                        <div class="content wow fadeInUp">
                            <p>“N+X”模式是指在数字化改造过程中，将企业或行业的需求分为普遍的共同需求（N）和特定的个性需求（X），通过标准化和定制化相结合的方式，实现高效且灵活的数字化转型。</p>
                            <p>&nbsp;</p>
                            <p>共同需求的标准化解决方案： 共同需求（N）通过标准化方案来满足，降低数字化改造的成本并提高效率和稳定性。</p>
                        </div>
                    </div>
                    <div class="info">
                        <h3 class="wow fadeInUp">课程详情</h5>
                        <div class="list wow fadeInUp">
                            <div class="list_title">
                                <h4>第一章知识</h4>
                            </div>
                            <div class="list_content">
                                <p>1.1 仿真初识</p>
                                <p>1.1 仿真初识</p>
                                <p>1.1 仿真初识</p>
                                <p>1.1 仿真初识</p>
                                <p>1.1 仿真初识</p>
                                <p>1.1 仿真初识</p>
                                <p>1.1 仿真初识</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <h3 class="wow fadeInUp">热门课程</h3>
                    <a href="class_list_info.html" class="item wow fadeInUp">
                        <div class="item_text">
                            <h1>开发小课堂第一课</h1>
                            <p>123次学习</p>
                            <div class="price"><span>¥</span>25</div>
                        </div>
                        <div class="item_img">
                            <img src="./images/class_list_info/c1.png" alt="开发小课堂第一课">
                        </div>
                    </a>
                    <a href="class_list_info.html" class="item wow fadeInUp">
                        <div class="item_text">
                            <h1>开发小课堂第一课</h1>
                            <p>123次学习</p>
                            <div class="price"><span>¥</span>25</div>
                        </div>
                        <div class="item_img">
                            <img src="./images/class_list_info/c1.png" alt="开发小课堂第一课">
                        </div>
                    </a>
                    <a href="class_list_info.html" class="item wow fadeInUp">
                        <div class="item_text">
                            <h1>开发小课堂第一课</h1>
                            <p>123次学习</p>
                            <div class="price"><span>¥</span>25</div>
                        </div>
                        <div class="item_img">
                            <img src="./images/class_list_info/c1.png" alt="开发小课堂第一课">
                        </div>
                    </a>
                    <a href="class_list_info.html" class="item wow fadeInUp">
                        <div class="item_text">
                            <h1>开发小课堂第一课</h1>
                            <p>123次学习</p>
                            <div class="price"><span>¥</span>25</div>
                        </div>
                        <div class="item_img">
                            <img src="./images/class_list_info/c1.png" alt="开发小课堂第一课">
                        </div>
                    </a>
                </div>
            </div>
        </section>
        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
                            <path
                                d="M20 0C9 0 0 9 0 20C0 31 9 40 20 40C31 40 40 31 40 20C40 9 31 0 20 0ZM29.5 27.5L28.5 28.5L28.25 28.75L28 29C26.75 30.25 22.5 32 15 24.75C8 17.75 10 13.5 11 12.25L12.75 10.5C13.5 9.75 14.75 9.75 15.5 10.5L18 13C18.75 13.75 18.75 15 18 15.75L16.5 17L16.25 17.5C15.5 18.25 15.5 18.5 16.5 19.5L20.25 23C22 24.5 22.25 24.5 23 24L24.25 22.5C25 21.75 26.25 21.5 27 22.25L29.5 24.75C30.25 25.5 30.25 26.75 29.5 27.5Z"
                                fill="white" />
                        </svg>
                    </div>
                    <div class="phone">
                        <p>0571-7865431</p>
                        <p>0571-9899990</p>
                    </div>
                    <div class="icons">
                        <a href="">
                            <img src="./images/ficon1.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon2.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon3.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon4.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon5.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon6.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon7.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon8.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon9.svg" alt="">
                        </a>
                    </div>
                </div>
                <div class="r">
                    <div class="item">
                        <p>解决方案</p>
                        <div class="aList">
                            <a href="">N+X解决方案</a>
                            <a href="">优秀解决方案</a>
                            <a href="">数转产品推荐</a>
                            <a href="">行业服务商</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>看样学样</p>
                        <div class="aList">
                            <a href="">典型案例</a>
                            <a href="">样板企业名录</a>
                            <a href="">标杆企业名录</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>Info</p>
                        <div class="aList">
                            <a href="./online_class.html">数转培训</a>
                            <a href="">行业知识库</a>
                            <a href="">产业应用</a>
                            <a href="./news.html">新闻中心</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    © 2022, GSIR 由 MFSHOP Support
                </div>
                <div class="r">
                    <div class="line"></div>
                    <a href="" class="statment">
                        声明
                    </a>
                    <a href="">
                        政策
                    </a>
                </div>
            </div>
            <div class="top" id="goTop">
                <img src="./images/top.svg" alt="">
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="./js/swiper.js"></script>
</body>

</html>